<template>
  <div class="authc">
    <sidebar_header title="站点统计"></sidebar_header>
    <div class="authc_content">
      <ul class="authc_content1">
        <li>
          <div>
            标签:{{str.Label}}个
          </div>


        </li>
        <li>
          <div>

            文章：{{str.Article}}篇
          </div>
        </li>
        <li>
          <div>
            页面：{{str.Page}}个
          </div>
        </li>
      </ul>
      <ul class="authc_content2">
        <li>

          <div>

            评论：{{str.Comment}}条
          </div>
        </li>
        <li>
          <div>
            分类：{{str.Classification}}个
          </div>
        </li>
        <li>
          <div>

            最后更新：{{str.LastUpdate}}
          </div>
        </li>
      </ul>

    </div>
  </div>
</template>

<script>
  // import sidebar_header from "./sidebar/sidebar_header";
import sidebar_header from "./sidebar_header";
  export default {
    props:["str"],
    data(){
      return{
      }
    },
    components: {
      sidebar_header
    },
    created() {

    }
  }
</script>

<style lang="scss" scoped>
  .authc_content {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;

    .authc_content1 {
      margin-right: 30px;

      li {
        margin: 5px 0;
      }
    }

    .authc_content2 {

      li {
        margin: 5px 0;
      }
    }


  }

  .authc {
    background-color: #fff;
    margin: 20px 0;
    padding: 10px;
  }
</style>
